<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <form id="form">
        <input type="text" name="username">
        <input type="text" name="password">
        <input type="button" id="btn" value="按钮">
    </form>
</body>
<script src="../jquery.js"></script>
<script>

    // 表单数据的格式化：
        // 将输入框的name属性值作为字段名
        // 将输入框的value属性值作为字段值
        // 格式化成query数据的形式
            // username=admin&password=123456
    $("#btn").click(function(){
        console.log($('#form').serialize())
    })


    // 对象的数据格式化
    var obj = {
        username:"admin",
        password:123456
    }
    console.log($.param(obj))   // "username=admin&password=123456"


    


    // var obj2 = {
    //     a:10,
    //     b:20,c:30,d:40
    // }
    // jq的遍历对象方式
    // $.each(obj2,function(key,val){
    //     console.log(key,val)
    // })

    // var arr = ["hello","world",123,true,"hahah"];
    // $.each(arr,function(idx,val){
    //     console.log(idx,val)
    // })





    // 作业：格式化数据成，query数据
</script>
</html>